<template>
	<view class="container">
		<cu-header bgColor="bg-gradual-blue" :isBack="true">
			<block slot="content" class="page-name">支付成功</block>
		</cu-header>
		<view class="contents ">
			<view class="text-center padding">
				<view class="cuIcon-roundcheckfill text-green" style="font-size: 100px;"></view>
				<view class="text-size-40">支付成功</view>
				<view class="flex flex-wrap justify-center padding">
					<button  @click="$util.redirectTo('/pages/shop/order/index')"  class="cu-btn bg-gradual-green round margin-right-sm">查看订单</button>
					<button  @click="$util.redirectTo('/pages/shop/index')" class="cu-btn bg-gradual-green round margin-right-sm">返回首页</button>
				</view>
			</view>
			<view class="text-center padding-sm">
				<text class="text-size-32 text-red text-blod">推荐商品</text>
			</view>
			<cu-grid-media cols="2" :datas="goods"></cu-grid-media>
		</view>

	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from 'vuex';
	import cuGridMedia from '@/components/diy/list/cu-grid-media.vue';
	export default {
		computed: {
			...mapState(['hasLogin', 'forcedLogin', 'userinfo'])
		},
		components: {
			cuGridMedia
		},
		data() {
			return {
				goods: this.$mock.goods
			};
		},
		/**
		 * 用户点击右上角分享
		 */
		onShareAppMessage: function(res) {
			if (res.from === 'button') {
				// 来自页面内分享按钮
				console.log(res.target);
			}
			return this.shareinfo;
		},
		onLoad() {},
		onShow() {
			
		},
		methods: {
			...mapMutations(['logout', 'login', 'loginsoure']),
			
		}
	};
</script>

<style scoped></style>
